﻿@import url(http://fonts.googleapis.com/css?family=Abel);

/* Browser normalization
-------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
margin:0;
outline:0;
padding:0;
}

/* DEFAULTS
----------------------------------------------------------*/

body
{
background: url(../images/site_bg.jpg) repeat;
font-size: 80%;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #3366CC;
}

a:link, a:visited
{
color: #000;
text-decoration:underline;
}

a:hover
{
color: #666;
text-decoration: none;
}

a:active
{
color: #000;
}

p
{
margin-bottom: 12px;
line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #666666;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;
}

h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;
}

h2
{
font-size: 1.5em;
font-weight: 600;
}

h3
{
font-size: 1.2em;
}

h4
{
font-size: 1.1em;
}

h5, h6
{
font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
background:url(../images/header_bg.jpg) repeat-x 0 0;    
margin: 0;
width: 100%;
}

.header
{
background:url(../images/logos_bg.png) no-repeat 5px 15px;
height: 175px;
margin: 0 auto;
padding: 0;
position: relative;
width: 960px;
}

.header h1
{
background:url(../images/title_registro.png) no-repeat 0 0;
border: none;
height: 53px;
margin: 0;
overflow: hidden;
text-indent: -999999em;
width: 502px;
}

.header h2
{
background:url(../images/title_programa.png) no-repeat 0 0;
border: none;
height: 21px;
margin: 0 auto;
overflow: hidden;
text-indent: -999999em;
width: 478px;
}

.main
{
margin: 0 auto;
min-height: 420px;
padding: 20px 0;
width: 968px;
}

.leftCol
{
padding: 6px 0px;
margin: 12px 8px 8px 8px;
width: 200px;
min-height: 200px;
}

.footer
{
color: #4e5766;
padding: 8px 0px 0px 0px;
margin: 0px auto;
text-align: center;
line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
bottom: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 40;
}

div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
div.menu ul li
{
margin:0 0 0 -1px;	
}
div.menu ul li a, div.menu ul li a:visited
{
background:url(../images/navi_line.png) no-repeat right 10px;
color: #333;
display: block;
font: 700 1.2em "Abel",Arial,Helvetica;
margin: 0 0 0 4px;
padding: 14px 15px 10px 11px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}

div.menu ul li a:hover
{
background:url(../images/navi_hover.png) no-repeat right -45px;
color: #D72000;
text-decoration: none;
}

div.menu ul li a:active
{
color: #D72000;
text-decoration: none;
}
div.menu ul li:hover
{
background:url(../images/navi_hover.png) no-repeat 0 0;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
margin: 1em 0px;
padding: 1em;
border: 1px solid #ccc;
}

fieldset p 
{
margin: 2px 0 10px 10px;
}

fieldset p input[type="text"], fieldset p input[type="password"]{
width:92% !important;	
}

fieldset.login label, fieldset.register label, fieldset.changePassword label{
font-weight:700;
display: block;
}

fieldset label.inline 
{
display: inline;
}

legend 
{
font: 700 1.4em "Abel",Arial,Helvetica;
padding: 2px 4px 8px;
}

input.textEntry 
{
width: 320px;
border: 1px solid #ccc;
}

input.passwordEntry 
{
width: 320px;
border: 1px solid #ccc;
}

div.accountInfo
{
width: 50%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
clear: both;
}

.title{
display: block;
margin: 0 auto;
padding: 28px 0 0;
width: 502px;
}

.loginDisplay
{
bottom: 0;
position: absolute;
right: 0;
z-index: 50;
}

.loginDisplay .btn_login, .loginDisplay .btn_regist{
background:url(../images/btn_login.png) no-repeat 0 0;
float:left;
display:block;
height:33px;
width:118px;
overflow:hidden;
text-indent:-999999em;
}
.loginDisplay .btn_regist{
background:url(../images/btn_regist.png) no-repeat 0 0;
width:133px;
}
.loginDisplay .btn_login:hover, .loginDisplay .btn_regist:hover{
background-position: left bottom;
}
.loginDisplay p{
color: #000;
font-size: 0.9em;
margin: 0 0 9px;
}
.loginDisplay a{
color: #D72000;
font-weight: 700;
}
.loginDisplay a:hover{
color:#FF3C1A;
text-decoration:underline;
}
.loginDisplay .bold{
margin:0 6px;
}
.failureNotification{
font-size: 1em;
font-weight:700;
color: Red;
}
.bold{
font-weight: 700;
}
.submitButton{
text-align: right;
padding-right: 10px;
}
.content_main.login_ap .submitButton input{
background: url(../images/btn_login_.png) no-repeat 0 0;	
border:none;
cursor: pointer;
color:#E22300;
display: block;
font-size:0;
height: 35px;
margin: 0 0 0 295px;
text-indent:-9999999em;
text-align:right;
width: 110px;
}
.content_main.regist_ap .submitButton input{
background: url(../images/btn_new_user.png) no-repeat 0 0;	
border:none;
cursor: pointer;
color:#E22300;
display: block;
font-size:0;
height: 35px;
margin: 0 0 0 255px;
text-indent:-9999999em;
text-align:right;
width: 150px;	
}
.content_main.regist_ap .submitButton input:hover, .content_main.regist_ap .submitButton input:hover{
background-position:0 bottom;	
}

.btn_newproyect{
background: url(../images/btn_newproy.png) no-repeat 0 0;	
border:none;
cursor: pointer;
color:#E22300;
display: block;
float:left;
font-size:0;
height: 35px;
text-indent:-9999999em;
text-align:right;
width: 160px;	
}
.btn_editproyect{
background: url(../images/btn_editproy.png) no-repeat 0 0;	
border:none;
cursor: pointer;
color:#E22300;
display: block;
font-size:0;
float:left;
margin:0 0 0 10px;
height: 35px;
text-indent:-9999999em;
text-align:right;
width: 180px;	
}
.btn_back{
background: url(../images/btn_back.png) no-repeat 0 0;	
border:none;
cursor: pointer;
color:#E22300;
display: block;
font-size:0;
float:right;
margin:0 10px 0 0;
height: 35px;
text-indent:-9999999em;
text-align:right;
width: 88px;
}
.btn_newproyect:hover, .btn_editproyect:hover, .btn_back:hover{
background-position: 0 bottom;	
}
.ajax__tab_panel table.cont_t td.dxbButton_SoftOrange{
background: url(../images/bg_btn.png) repeat-x 0 0 #FE3F29 !important;	
border:1px solid #CE1F00 !important;
font:700 1.2em "Abel",Arial,Helvetica !important;
color:#FFF;
padding: 0 !important;
}

.ajax__tab_panelx table.cont_t td.dxbButton_SoftOrange{
background: url(../images/bg_btn.png) repeat-x 0 0 #FE3F29 !important;	
border:1px solid #CE1F00 !important;
font:700 1.2em "Abel",Arial,Helvetica !important;
color:#FFF;
}

/*Tabs mincultura*/

.ajax__tab_xp.ajax__tab_container.ajax__tab_default{
background: url(../images/shadow_bottom.png) repeat-x 0 bottom !important;
margin:20px 0 0;
padding:0 0 6px;
width: 968px !important;
}

.ajax__tab_xp .ajax__tab_header {
background: url(../images/shadow_top.png) repeat-x 0 bottom !important;
font-family: "Abel", Sans-Serif !important;
font-size: 1.1em !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
background: url(../images/tab_bg.png) repeat-x 0 0 !important;
color:#FFF;
height: 39px !important;
margin: 0 !important;
overflow: visible !important;
padding: 0 !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab span{
background: url(../images/numbers.png) no-repeat 3px 0;
display: block;
margin: -5px 0 0;
padding: 19px 10px 9px 43px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab{
background: url(../images/tab_bg_h.png) repeat-x 0 0 !important;
color: #D72000;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
background: url(../images/tab_r.png) no-repeat right top !important;
height: 39px !important;
padding-right: 9px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
background: url(../images/tab_r_h.png) no-repeat right top !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
background: url(../images/tab_l.png) no-repeat 0 0 !important;
height: 39px;
padding-left: 7px !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
background: url(../images/tab_l_h.png) no-repeat 0 0 !important;
}

#MainContent_TabContainer1_TabPanel1_tab .ajax__tab_tab span{
background-position: 3px -59px;
}

#MainContent_TabContainer1_TabPanel1_tab.ajax__tab_active .ajax__tab_tab span{
background-position: 3px 0;
}

#MainContent_TabContainer1_TabPanel2_tab .ajax__tab_tab span{
background-position: 3px -177px;
}

#MainContent_TabContainer1_TabPanel2_tab.ajax__tab_active .ajax__tab_tab span{
background-position: 3px -118px;
}

#MainContent_TabContainer1_TabPanel3_tab .ajax__tab_tab span{
background-position: 3px -295px;
}

#MainContent_TabContainer1_TabPanel3_tab.ajax__tab_active .ajax__tab_tab span{
background-position: 3px -236px;
}

#MainContent_TabContainer1_TabPanel4_tab .ajax__tab_tab span{
background-position: 3px -413px;
}

#MainContent_TabContainer1_TabPanel4_tab.ajax__tab_active .ajax__tab_tab span{
background-position: 3px -354px;
}
/*
.ajax__tab_xp .ajax__tab_body{
background:url(../images/shadow_main.png) repeat-y 0 0 !important;
border:none !important;
font: 1em Arial,helvetica,Sans-serif !important;
padding: 15px 26px !important;
}
table.cont_t td{
background:none !important;
padding:9px 30px 9px 0 !important;
border-bottom:1px dotted #FFF !important;
}
.style77{
width:30%;	
}
input[type="text"], input[type="password"], select, textarea  {
background: url(../images/bg_input.jpg) repeat-x 0 0 #FFF;
border: 1px solid #B7B7B7;
color: #666;
font: 0.9em Arial,Helvetica,Verdana,sans-serif;
height: auto !important;
padding: 5px;
width: 85% !important;
}
*/
.dxgvFocusedRow_SoftOrange{
background-color:#999 !important;
}
select{
width: 87% !important;	
}
textarea{
height:70px !important;
}
.footer{
margin:0 auto;
width:960px;	
}
.footer ul
{
height:43px;
}
.footer ul li{
display: block;
float: left;
list-style: none outside none;
margin: 0 28px;
}
.footer address{
background:url(../images/shadow_title.png) no-repeat center top;
color: #666;
font: 0.9em Arial,Helvetica,sans-serif;
margin: 20px 0 0;
padding: 30px 0;
text-align: center;
}

/* Content main*/

.content_main{
background:url(../images/shadow_main.png) repeat-y 0 0;
color:#222;
margin: 10px 0 0;
padding: 35px 45px;
position: relative;
width: 878px;
}
.content_main h2, .title_form h3{
background: url(../images/shadow_title.png) no-repeat left bottom;
color: #D72000;
font: 700 1.7em "Abel",Arial,Helvetica;
margin: 0 0 30px;
padding: 0 0 20px;
}
.title_form h3{
font-size:1.2em;
margin: 30px 0 10px;
}
td.title_form{
border:none !imporant;
}
.title_sect{
background: url(../images/shadow_title.png) no-repeat center bottom;
color: #D72000;
font: 700 1.2em "Abel",Arial,Helvetica;
display:block;
margin: 0 0 15px;
padding: 0 0 20px;
}
.content_top{
background:url(../images/shadow_top.png) repeat-x 0 bottom;
top: -4px;
height: 4px;
left: 0;
position: absolute;
width: 968px;
}
.content_botton{
background: url("../images/shadow_bottom.png") no-repeat 0 0 ;
bottom: -6px;
height: 6px;
left: 0;
position: absolute;
width: 968px;
}
.content_main ul, .content_main ul ul{
margin:15px 0 20px 20px;
}
.content_main ul li{
margin:0 0 10px;
}
.dxgvControl_SoftOrange, .dxgvDisabled_SoftOrange {
background-color: transparent  !important;
border:none  !important;
font: 1em Arial, Helvetica, sans-Serif !important;
}
.dxgvHeader_SoftOrange, .dxgvHeader_SoftOrange table{
font: 700 1em Arial,Helvetica,sans-serif !important;	
}
.dxgvTable_SoftOrange .dxgvHeader_SoftOrange{
background:url(../images/bg_btn.png) repeat-x 0 0 #FE3F29 !important;
border: 1px solid #F4705E !important;
padding: 9px 10px 8px !important;
width: auto !important;
}
.dxgvEditFormDisplayRow_SoftOrange td.dxgv, .dxgvDataRow_SoftOrange td.dxgv, .dxgvDataRowAlt_SoftOrange td.dxgv, .dxgvSelectedRow_SoftOrange td.dxgv, .dxgvFocusedRow_SoftOrange td.dxgv{
border-bottom: 1px dotted #CCC !important;
border-right: none !important;
padding: 6px 10px !important;
}
.dxgvTable_SoftOrange {
font: 0.9em arial !important;
color:#333 !important;
margin: 20px 0 0 !important;
}
.dxgvTable_SoftOrange .dxgvHeader_SoftOrange td{
border: medium none !important;
padding: 0 !important;
width: auto !important;
}
 